<template>
  <div>
    <div id="cHead">
      <div class="cAll_01">
        <router-link to="homepage">
          <img id="cAll_arrows" src="../assets/img/arrows.png" alt=""
        /></router-link>
        <div class="cAll_02">
          <img id="cAll_seek" src="../assets/img/搜索.png" alt="" />
          <input type="text" />
          <img id="cAll_voice" src="../assets/img/213麦克风.png" alt="" />
        </div>
      </div>

      <van-tabs v-model="active" scrollspy sticky>
        <van-tab :title="'查询 '">
          <div class="cQuery_02" id="cQuery2">查询</div>
          <div id="cQuery">
            <!-- @click="chi01" -->
            <router-link to="DebitCard"
              ><div class="cQuery_01">
                <img src="../assets/img/我的账户.png" alt="" />我的账户
              </div></router-link
            >
            <router-link to="detail"
              ><div class="cQuery_01">
                <img src="../assets/img/借款明细查询.png" alt="" />明细查询
              </div></router-link
            >
            <div class="cQuery_01">
              <img src="../assets/img/收支1.png" alt="" />收支情况
            </div>
            <router-link to="earnings"
              ><div class="cQuery_01">
                <img src="../assets/img/收益情况.png" alt="" />持仓收益
              </div></router-link
            >
            <div class="cQuery_01">
              <img src="../assets/img/扇形图 (1).png" alt="" />资产负债
            </div>
            <router-link to="MonthlyStatement"
              ><div class="cQuery_01">
                <img src="../assets/img/月度账单.png" alt="" />月度账单
              </div></router-link
            >
            <router-link to="Management"
              ><div class="cQuery_01">
                <img src="../assets/img/银行卡管理1.png" alt="" />银行卡管理
              </div></router-link
            >
          </div>
        </van-tab>
        <van-tab :title="'转账支付 '">
          <div class="cQuery_02" id="cAccounts2">转账支付</div>
          <div id="cAccounts">
            <router-link to="Transfer"
              ><div class="cQuery_01">
                <img src="../assets/img/转账1.png" alt="" />转账
              </div></router-link
            >

            <div class="cQuery_01">
              <img src="../assets/img/金币1.png" alt="" />跨境电汇
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/盾牌.png" alt="" />收支情况
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/收付款管理.png" alt="" />收付款
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/银行卡.png" alt="" />绑他行卡
            </div>
            <router-link to="CardBinding"
              ><div class="cQuery_01">
                <img src="../assets/img/银行卡 (1).png" alt="" />一键绑卡
              </div></router-link
            >
          </div>
        </van-tab>
        <van-tab :title="'财富'">
          <div class="cQuery_02" id="cWealth2">财富</div>
          <div id="cWealth">
            <div class="cQuery_01">
              <img src="../assets/img/基金服务.png" alt="" />理财产品
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/time.png" alt="" />农银时时付
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/网站设置.png" alt="" />跨境理财通
            </div>
            <router-link to="fund"
              ><div class="cQuery_01">
                <img src="../assets/img/我的基金1.png" alt="" />基金
              </div></router-link
            >
            <div class="cQuery_01">
              <img src="../assets/img/我的基金1.png" alt="" />农银块e宝
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/股票1.png" alt="" />农银智投
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/保险信息.png" alt="" />报信保险
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/金子.png" alt="" />贵金属
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/贵金属1.png" alt="" />实物贵金属
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/我的元宝.png" alt="" />存金通
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/我的元宝.png" alt="" />账户贵金属
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/24gl-fileText.png" alt="" />债市宝
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/我的基金1.png" alt="" />储蓄国债
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/养老.png" alt="" />养老专区
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/养老.png" alt="" />个人养老金
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/汇总审批.png" alt="" />汇市宝双向
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/金币交易.png" alt="" />结售汇
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/期权开户预约.png" alt="" />证券开户
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/银证转账.png" alt="" />银证转账
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/汇总审批.png" alt="" />银期转账
            </div>
            <div class="cQuery_01">
              <img
                src="../assets/img/查看放大镜_操作_jurassic.png"
                alt=""
              />财富体检
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/92风险评估.png" alt="" />风险评估
            </div>
          </div>
        </van-tab>
        <van-tab :title="'存款'">
          <div class="cQuery_02" id="cDeposit2">存款</div>
          <div id="cDeposit">
            <router-link to="Depost"
              ><div class="cQuery_01">
                <img src="../assets/img/dkw_贷款.png" alt="" />存款
              </div></router-link
            >

            <div class="cQuery_01">
              <img src="../assets/img/专区.png" alt="" />银利多多
            </div>
            <router-link to="interrevolution"
              ><div class="cQuery_01" id="period">
                <img src="../assets/img/待付款.png" alt="" />定活互转
              </div></router-link
            >
            <div class="cQuery_01">
              <img src="../assets/img/月度账单.png" alt="" />大额存单
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/收付款.png" alt="" />双利丰啊
            </div>
            <div class="cQuery_01">
              <img
                src="../assets/img/生存金领取方式变更（旧版）.png"
                alt=""
              />结构性存款
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/支付.png" alt="" />定活两便
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/还款.png" alt="" />存单存折
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/基金服务.png" alt="" />养老储蓄
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/还款.png" alt="" />通知存款
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/转账.png" alt="" />利息试算
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/银行卡管理.png" alt="" />存款利率
            </div>
          </div>
        </van-tab>
        <van-tab :title="'贷款'">
          <div class="cQuery_02" id="cLoans2">贷款</div>
          <div id="cLoans">
            <div class="cQuery_01">
              <img src="../assets/img/dkw_贷款.png" alt="" />我的贷款
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/DVLINK_理财产品.png" alt="" />农银智融
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/专区.png" alt="" />网捷货啊
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/基金服务.png" alt="" />房产金融
            </div>
          </div>
        </van-tab>
        <van-tab :title="'信用卡'">
          <div class="cQuery_02" id="cCredit2">信用卡</div>
          <div id="cCredit">
            <div class="cQuery_01">
              <img src="../assets/img/银行卡 (1).png" alt="" />信用卡
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/还款.png" alt="" />我的还款
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/服务.png" alt="" />现金分期
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/转账.png" alt="" />现金转出
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/dkw_贷款.png" alt="" />额度调整
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/余额转账.png" alt="" />信用卡申请
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/智慧养老.png" alt="" />进度查询
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/结售汇查询.png" alt="" />卡片激活
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/基金服务.png" alt="" />积分商城
            </div>
          </div>
        </van-tab>
        <van-tab :title="'私人银行'">
          <div class="cQuery_02" id="cPrivate2">私人银行</div>
          <div id="cPrivate">
            <div class="cQuery_01">
              <img src="../assets/img/私人银行.png" alt="" />私人银行
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/基金服务.png" alt="" />习行代销
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/支付.png" alt="" />私行时时付
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/我的账户.png" alt="" />尊享权益
            </div>
          </div>
        </van-tab>
        <van-tab :title="'生活'">
          <div class="cQuery_02" id="Clife2">生活</div>
          <div id="cLife">
            <div class="cQuery_01">
              <img src="../assets/img/服务.png" alt="" />生活缴费
            </div>
            <router-link to="Recharge"
              ><div class="cQuery_01" id="phone_001">
                <img src="../assets/img/专区.png" alt="" />手机充值
              </div></router-link
            >
            <div class="cQuery_01">
              <img src="../assets/img/余额转账.png" alt="" />政务民生
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/收付款.png" alt="" />社保医保
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/跨境电商.png" alt="" />小豆乐园
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/银行卡.png" alt="" />热门活动
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/贵金属 (1).png" alt="" />任务中心
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/手机充值.png" alt="" />本地优惠
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/积分商城.png" alt="" />我的校园
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/DVLINK_理财产品.png" alt="" />我的食堂
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/党费.png" alt="" />我的党费
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/医疗服务.png" alt="" />应用医疗
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/专业的理财团队.png" alt="" />车主服务
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/积分商城.png" alt="" />我的出行
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/余额转账.png" alt="" />试听会员
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/银行卡 (1).png" alt="" />公益捐款
            </div>
          </div>
        </van-tab>
        <van-tab :title="'助手'">
          <div class="cQuery_02" id="cAssistant2">助手</div>
          <div id="cAssistant">
            <router-link to="RichScan"
              ><div class="cQuery_01">
                <img src="../assets/img/扫一扫.png" alt="" />扫一扫
              </div></router-link
            >

            <div class="cQuery_01">
              <img src="../assets/img/手机充值.png" alt="" />存款证明
            </div>

            <div class="cQuery_01">
              <img src="../assets/img/银行卡.png" alt="" />个人信用报告
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/扫一扫.png" alt="" />流水打印
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/收支.png" alt="" />电子回单
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/银行卡.png" alt="" />短信通知
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/银行卡 (1).png" alt="" />代收管理
            </div>
            <div class="cQuery_01">
              <img
                src="../assets/img/数据查询与统计_酒店入住查询.png"
                alt=""
              />薪资管家
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/存款.png" alt="" />企业年金
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/DVLINK_理财产品.png" alt="" />商户服务
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/待付款.png" alt="" />安全中心
            </div>
          </div>
        </van-tab>
        <van-tab :title="'选项'">
          <div class="cQuery_02" id="cFeature2">网点/特色</div>
          <div id="cFeature">
            <!-- 124.221.98.163:8000/outlets.html -->
            <router-link to="Branch"
              ><div class="cQuery_01">
                <img src="../assets/img/积分商城.png" alt="" />网点服务
              </div></router-link
            >
            <a href="http://124.221.98.163:8000/outlets.html">
              <div class="cQuery_01">
                <img src="../assets/img/003_基金.png" alt="" />网点查询
              </div></a
            >
            <div class="cQuery_01">
              <img src="../assets/img/余额转账.png" alt="" />纪念币预约
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/手机充值.png" alt="" />无卡取款
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/收付款.png" alt="" />开卡预填单
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/收益情况.png" alt="" />城市专区
            </div>
            <div class="cQuery_01">
              <img src="../assets/img/资产负债表-selected.png" alt="" />浓情拥军
            </div>
          </div>
        </van-tab>
      </van-tabs>

      <!-- <div id="totality"> -->
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    data() {
      return {
        active: "",
      };
    },
  },
};
</script>

<style src="../assets/css/All.css">
/* body{
    height: 3300px;
} */
</style>
